<template>
    <div>
        <div class="imgbox">
            <img src="../../assets/img/project_logo.jpg" width="400px" height="135px"/>
        </div>
        <el-menu :default-active="activeIndex" class="el-menu-demo nva_style" mode="horizontal" @select="handleSelect">
            <el-row>
                <el-col :span="7">
                    <div class="grid-content"></div>
                </el-col>
                <!--                <el-col :span="12">-->
                <!--                    <h1 class="">半点时光甜品店</h1>-->
                <!--                </el-col>-->
                <el-col :span="2">
                    <el-menu-item index="4" @click="uindex()">首页</el-menu-item>
                </el-col>
                <el-col :span="2">
                    <el-menu-item index="4" @click="movies()">蛋糕班戟</el-menu-item>
                </el-col>
                <el-col :span="2">
                    <el-menu-item index="4" @click="books()">清凉解暑</el-menu-item>
                </el-col>
                <el-col :span="2">
                    <el-menu-item index="4" @click="musics()">蛋挞布丁</el-menu-item>
                </el-col>
                <el-col :span="2">
                    <el-submenu index="2">
                        <template slot="title">用户中心</template>
                        <el-menu-item index="2-1" @click="enter(isLogin)">登录</el-menu-item>
                        <el-menu-item index="2-2" @click="regist()">注册</el-menu-item>
                    </el-submenu>
                </el-col>
                <el-col :span="3">
                </el-col>
            </el-row>
        </el-menu>
        <div class="QRCode-Wrapper">
            <img src="../../assets/img/qr_code.png"/></div>
        </div>

</template>

<script>
    export default {
        name: "PayForOrder",
        methods: {
            loginOut(){
                localStorage.removeItem('telephone');
                this.$message.success('退出成功');
                this.$router.push('/u_login');
            },
            uindex(){
                this.$router.push('/u_login_index');
            },
            movies(){
                this.$router.push('/u_movies');
            },
            books(){
                this.$router.push('/u_books');
            },
            musics(){
                this.$router.push('/u_musics');
            }

        }
    }
</script>

<style scoped>
    .imgbox{
        text-align: center;
    }
    .QRCode-Wrapper{
        text-align: center;
    }

</style>
